<template>
	<div id="img">
		<!-- 表情区域 -->
		<emoji @selectEmo="selectEmo" id="emoji"></emoji>
		<!-- 回显 -->
		回显：
		<span>{{content}}</span>
	</div>
</template>
<script>
import emoji from '@/components/emoji/index.vue'
export default {
	components:{
		emoji
	},
	data () {
		return {
			content:"",
		}
	},
	methods:{
		//点的是哪个表情
		selectEmo:function(data){
			console.log(data);
			this.content = data;  //回显
		}
	},
	mounted:function(){

	}
}
</script>

<style lang="scss" scoped>
	//表情
	#emoji{
		width: 100%;
		height: 3.2rem;
		background: #F1F1F1;
		overflow: scroll;
	}
</style>
